<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <title data-color="#f8f8f9">立即结算</title>
    <meta charset="UTF-8">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <!--引入初始化样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/style-min.css">
    <!--引入YUDI样式-->
    <link rel="stylesheet" href="../../b2c/lib/css/ydui.css">
    <!--引入YUDI自适应解决方案类库-->
    <script src="../../b2c/lib/js/flexible/flexible.js"></script>
    <script src="../lib/js/ydui.citys.js"></script>
    <!-- 引入jQuery 2.0+ -->
    <script src="../../b2c/lib/js/jquery/jquery-2.1.4.min.js"></script>
    <!-- 引入common -->
    <script src="../lib/js/common/common.js"></script>
    <!-- 引入vue -->
    <script src="../../b2c/lib/js/vue/vue.min.js"></script>
    <link rel="stylesheet" href="../css/pay/goodsPay.css" type="text/css">
    <link rel="stylesheet" href="../css/pay/pay.css" type="text/css">
    <link rel="stylesheet" href="../css/pay/order_pay.css" type="text/css">
</head>
<body class="order-pay">
<div class="order-pay-wrap" id="app">
    <div class="order-info">
        <div class="home-top headerNav">
            <header class="m-navbar demo-small-pitch">
                <a href="javascript:;" class="navbar-item" onclick="returnBack();"><img class="back" src="../images/pay/map_return.png"/></a>
                <div class="navbar-center"><span class="navbar-title top-color">订单详情</span></div>
            </header>
        </div>
        <div class="headerNav" style="height: 1.3rem;background-color: #181818;"></div>
        <div class="order-status order-pay">
            <div class="order-num">
                <p class="p1">待付款</p>
                <p>订单编号：{{orderData.orderSn}}</p>
                <p>订单时间：{{orderData.createTime}}</p>
            </div>
        </div>
        <div class="order-address flex">
            <div class="address-icon">
                <img src="../images/pay/zuobiao@2x.png"/>
            </div>
            <div class="grow-1">
                <div>
                    <span class="consignee">{{orderData.linkMan}}</span><label v-bind:class="{'active':orderData.idNumber==1}"></label><span>{{orderData.mobile}}</span>
                </div>
                <p style="margin-top: 2px;">{{orderData.address}}</p>
            </div>
        </div>
        <div class="address-line">
            <img src="../images/order/address_line.png"/>
        </div>
        <div class="hr8"></div>
        <div class="goods-info" v-for="(citem,cindex) in orderData.orderList">
            <div class="goods-logo">
                <img src="" v-bind:src="citem.logoPath"/>{{citem.storeName}}
            </div>
            <div v-for="(item,index) in citem.listOrderDetail">
                <div class="row-cell-con flex">
                    <div class="row-cell-l"><img v-bind:src="item.navigateImg1"></div>
                    <div class="row-cell-r grow-1">
                        <div class="row-cell-r-box flex">
                            <div class="row-cell-r-con grow-1">
                                <h3>{{item.goodName}}</h3>
                                <p>{{item.specName}}</p>
                            </div>
                        </div>
                        <div class="row-cell-add clearfix" style="margin-top: .16rem;">
                            <div class="row-cell-add-price">
                                <label><i>￥</i><span class="price-1465">{{item.salePrice}}</span></label>
                            </div>
                            <div class="row-cell-add-btn fr">x{{item.quantity}}</div>
                        </div>
                    </div>
                </div>
                <div v-show="index!=(citem.listOrderDetail.length-1)" style="width: 100%; height: 5px; background: #FFFFFF;"></div>
            </div>
            <div class="delivery-way clearfix">
                <span class="span1 fl">配送方式</span>
                <span class="span2 fr">{{citem.deliveryTex}}<label>¥{{citem.freight}}</label></span>
            </div>
            <div class="hr8"></div>
        </div>
        <div class="order-else">
            <div class="m-cell">
                <div class="cell-item">
                    <div class="cell-left">优惠券</div>
                    <div class="cell-right money">-¥{{orderData.promotionDiscount}}</div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">现金币</div>
                    <div class="cell-right money">-¥{{orderData.cashCoin}}</div>
                </div>
                <div class="cell-item">
                    <div class="cell-left">买家留言</div>
                    <div class="cell-right">{{orderData.remark}}</div>
                </div>
                <div class="cell-item last">
                    <div class="cell-left">发票</div>
                    <div class="cell-right">{{orderData.billHeader}}</div>
                </div>
            </div>

        </div>
        <div class="hr8"></div>

        <div class="pay-way"><h3>支付方式</h3>
            <div class="pay-way-warp"
                 v-for="(item,index) in payTypeList" :key="index"
                 @click="setPayWay(item)">
                <div class="rows-pay-way clearfix">
                    <div class="radio-content flex"><img :src="item.picturePath">
                        <div class="radio-content-div"><p class="text">{{item.payName}} <span style="display: none;">推荐</span>
                        </p>
                            <p class="small"></p></div>
                    </div>
                    <div class="radio-right"><input type="radio" name="radio-pay-way" value="4" class="pay-way-radio "
                                                    :class="{'active':payWay}">
                    </div>
                </div>
            </div>
            <div class="pay-info-hint">请仔细核对以上订单信息，提交后将无法修改</div>
        </div>
        <div style="height: 1.333rem"></div>
        <div class="order-but flex">
            <div class="grow-1 totalPay">实付总计：<span>￥{{orderData.totalFee}}</span></div>
            <div class="confirm logistics" v-on:click="account(orderData.orderSn)">立即结算</div>
        </div>

    </div>
</div>
<script src="../lib/js/ui.js"></script>
<script src="../js/pay/order_pay.js" type="text/javascript"></script>
</body>
</html>